<template>
  <div>
    <div class="page">
      <div class="home">
        <div>
          <Swiper @jump="jump" :Img="lsitImg"></Swiper>
        </div>
        <div>
          <button @click="addinfo">跳转</button>
        </div>
      </div>
    </div>
    <!-- 底部导航 -->
    <Tabber @digital_click="digital_click" :num="0"></Tabber>
  </div>
</template>
<script>
import Tabber from '@/components/Tabber.vue'; // 底部tabber组件
import Swiper from '@/components/Swiper.vue'; // 轮播图组件
export default {
  name: 'Home',
  components: {
    Tabber,
    Swiper,
  },
  data() {
    return {
      // 轮播图测试数组
      lsitImg: [
        {
          img: 'https://img.zcool.cn/community/01c4b156d11e536ac7252ce615ded9.jpg@1280w_1l_2o_100sh.jpg',
        },
        {
          img: 'https://img.zcool.cn/community/01c9e056d11e516ac7252ce688076a.jpg@1280w_1l_2o_100sh.jpg',
        },
        {
          img: 'https://th.bing.com/th/id/R192fb324aac1ca90600172ac65947572?rik=6Swh4Gb9CCk2Rg&riu=http%3a%2f%2fpic208.nipic.com%2ffile%2f20190307%2f28340113_114004021000_2.jpg&ehk=6ZLb23WkfDvm61d1Eg7Ju5vj0qJcgvuMQPUzeAIlk9Q%3d&risl=&pid=ImgRaw',
        },
      ],
    };
  },
  methods: {
    digital_click(e) {
      this.num = e;
    },
    addinfo() {
      this.$router.push('/specialeffects/home');
    },
    // 获取图片点击事件
    jump(e) {
      console.log(e);
    },
  },
  mounted() {
    // console.log(this.$store.state.userinfo); // 用户信息
  },
  created() {
    console.log(22);
  },
};
</script>
<style scoped></style>
